{extend name="index/index" /}

{block name='main'}
<div class="container">

     
        <div class="col-md-12 column" style='border:1px solid #ccc'>
            <div class="row clearfix" >
                <div class="col-md-3 column"  style="text-align: center;padding:40px">
                 
                   
                    <img  width='250px' class="" src="__IMG__/top.png"/>
                        
                    
                </div>
                    <img src="" alt="" src= />
                <div class="col-md-9 column" style="padding:50px" >

                    <img  style="margin-top:30px" class="" src="__IMG__/top2.png"/>
                    <p class="text-info text-left" style='font-size:20px'>
                       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 最近更新时间:2017/07/02
                    </p>
             
                   
                </div>
            </div>
			<h3>歌曲列表</h3>
			<div>
				
			
            
	         
	            <table class="table table-hover table-striped" style="border:1px solid #ccc">
		    		<th class='col-md-2' style="border:1px solid #ccc">    </th>
		    		<th class='col-md-5' style="border:1px solid #ccc">标题</th>
		    		<th class='col-md-3' style="border:1px solid #ccc">歌手</th>
		    		<th class='col-md-2' style="border:1px solid #ccc">时长</th>
            {foreach $ranking as $k => $v}
                
	            	<tr style="text-align:center;" >
	            		<td class='col-md-2' style="line-height:60px">{$k+1}</td>
	            		<td class='col-md-5' style="text-align:left;line-height:60px" >
	            			<a class="glyphicon glyphicon-play-circle play" music="{$v['url']}" img="{$v['albumpic_small']}" name='{$v["songname"]}' style='font-size:25px;line-height:60px;cursor: pointer;' ></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	            			<img src="{$v['albumpic_small']}" style='width:60px' alt="" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$v['songname']}
	            		</td>
	            		<td class='col-md-3' style="line-height:60px;text-align:left;" >
	            			{$v['singername']}
	            		</td>
	            		<td class='col-md-2' style="line-height:60px">
                    {if $v['seconds']%60 < 10}
	            			{:floor($v['seconds']/60).':0'.$v['seconds']%60}
                    {else}
                    {:floor($v['seconds']/60).':'.$v['seconds']%60}

                    {/if}
	            		</td>

	            	</tr>

            {/foreach}    

	         
	      
	            </table>
            </div>
        </div>

         <ul id="demoContent"></ul>
          <ul class="page" id="page"></ul>
   
</div>


{/block}